<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>速乐约官网-首页</title>
        <link rel="stylesheet" href="css/uikit.css" />
        <link rel="stylesheet" href="css/style.css" />
        <script src="js/jquery.min.js"></script>
        <script src="js/uikit.min.js"></script>
        <script>
            $(document).ready(function(){
                $('.gotop').on({click: function(){
                            document.body.scrollTop = 0;
                            document.documentElement.scrollTop = 0;

                    }
                })
                
            })
        </script>
    </head>
    <body>
        <header>
            <div class="flexR head">
                <a href="index.html" class="logo">
                    <img src="images/logo.png" />
                </a>
                <button class="uk-button navBtn" type="button">
                    <img src="images/btn.png" />
                </button>
                <nav uk-dropdown>
                    <ul class="navclass flexC uk-nav uk-dropdown-nav">
                        <li  class="active">
                            <a href="index.html" class="curra">首页</a>
                        </li>
                        <li>
                            <a href="about.html" class="curra">关于我们</a>
    
                        </li>
                        <li>
                            <a href="product.html" class="curra">产品中心</a>
                            <div uk-dropdown="animation: uk-animation-slide-top-small; duration: 500;delay-hide:100">
                                <ul class="uk-nav uk-dropdown-nav"  >
                                    <li>
                                        <a href="price.html" >产品报价</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="free.html" class="curra">免费试用</a>
                        </li>
                        <li>
                            <a href="login.html" class="curra">用户登录</a>
                        </li>
                        <li>
                            <a href="contact.html" class="curra">联系我们</a>
                        </li>
                    </ul>
                </nav>
          </div>
        </header>
        <section>
            <div class="inban">
                <div class="inlogo" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                    <img src="images/ilogo.png" />
                </div>
                <h3 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true"> 照相馆SAAS系统 </h3>
                <span uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">助力于新型照相馆行业，轻松做好门店生意</span>
                <div class="inBottom"><img src="images/bottom.png" class="bottombtn" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true"/></div>
                <div class="flList ">
                    <ul class="flexR">
                        <li uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true; delay: 100">
                            <img src="images/incon1.png" />
                        </li>
                        <li uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true; delay: 200">
                            <img src="images/incon2.png" />
                        </li>
                        <li uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true; delay: 300">
                            <img src="images/incon3.png" />
                        </li>
                        <li uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true; delay: 400">
                            <img src="images/incon4.png" />
                            <!-- <img src="images/ic1.png" />
                            <div class="lines"></div>
                            <div class="fllistTit">儿童摄影</div>
                            <span>Children's photography </span> -->
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <section id="inOne" >
            <div class="inpart partOne contairn">
                <div class="inpartTit partOne">
                    <img src="images/hlogo.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">一站式全解决</h1>
                    <p class="" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">专注于为新型照相馆用户提供一站式流程管理信息化技术服务，帮助门店实现从客户预约、活动营销、内部协作、结算收银、数据管理一站式完善的全流程解决方案。
                    </p>
                </div>
                <div class="inpartImg">
                    <img src="images/ip2_2.png" class="inprtLIMG" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <img src="images/ipar1_1.png" class="inparRIMG" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                </div>
                <div class="jbottom"> <img src="images/bottom.png" class="bottombtn" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true"/></div>
            </div>
            <div class="inpart partTow contairn">
                <div class="inpartTit">
                    <img src="images/hlogo.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">一键创建24小时在线门店小程序
                    </h1>
                    <p class="" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">线上展示品牌调性、门店产品，成为线上的品牌展示窗口
                    </p>
                </div>
                <div class="inpartImg">
                    <img src="images/ipar2.png" class="inprtLIMG" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true"/>
                    <img src="images/ipar3.png" class="inparRIMG" uk-scrollspy="cls: uk-animation-slide-right; repeat: true"/>
                </div>
                <div class="jbottom"> <img src="images/bottom.png" class="bottombtn" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true"/></div>
            </div>
            <div class="inpart partThree contairn">
                <div class="inpartTit">
                    <img src="images/hlogo.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">营销板块

                    </h1>
                    <p class="" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">拼团、秒杀、砍价等裂变软件，帮助门店引爆客流，提升销售额
                    </p>
                </div>
                <div class="inpartImg">
                  
                    <img src="images/ipar4.png" class="inparRIMG" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                </div>
                <div class="jbottom"> <img src="images/bottom.png" class="bottombtn" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true"/></div>
            </div>
            <div class="inpart partFour contairn">
                <div class="inpartTit">
                    <img src="images/hlogo.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">数据管理

                    </h1>
                    <p class="" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">拼团、秒杀、砍价等裂变软件，帮助门店引爆客流，提升销售额
                    </p>
                </div>
                <div class="inpartImg">
            
                    <img src="images/ipar7.png" class="inparRIMG" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                </div>
                <div class="jbottom"></div>
            </div>
            <div class="inpart partFive contairn">
                <div class="inpartTit">
                    <img src="images/hlogo.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">全流程交互

                    </h1>
                    <p class="" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">门店接待—化妆造型—摄影师上传待修原图—修图师下载待修原图—修图师上传精修图发送客户
                    </p>
                </div>
                <div class="inpartImg">
                    <img src="images/ipar8.png" class="inparRIMG" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    <img src="images/ip2_1.png" class="inprtLIMG" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                    
                </div>
                <div class="jbottom"> <img src="images/bottom.png" class="bottombtn" uk-scrollspy="cls: uk-animation-slide-left; repeat: true"/></div>
            </div>
        </section>
        <footer>
            <div class="partSix" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" >
                <div class="sixCon contairn">
                    <div class="sixLe">
                        <h1>拥有速乐约SAAS系统</h1>
                        <span>您将超越90%的竞争对手</span>
                        <p>
                            速乐约SAAS系统每月的注册量为300多家<br>
                            也就是说，在您犹豫的这1分钟里，已经有人注册试用了<br>
                            这其中就有你的同行！</p>
                    </div>
                    <a href="">马上体验</a>
                </div>
            </div>
            <div class="foot" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" >
                <div class="foot_right">
                    <div>
                        <img src="images/ewm.png" />
                        <span>客服微信</span>
                    </div>
                </div>
                <div class="footTel">
                    <p>联系方式：王经理 139-1303-8359</p>
                    <p>公司地址：江苏省南京市凤华路18号紫金（雨花）<br>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     科技创业特别社区2栋阿尔法楼B301</p>
                    <img src="images/topbtn.png" class="gotop" />
                </div>
            </div>
        </footer>
    </body>
</html>